import React from 'react';
import {HeartTwoTone, SmileTwoTone} from '@ant-design/icons';
import {Card, Typography, Alert} from 'antd';
// import { PageHeaderWrapper } from '@ant-design/pro-layout';

export default (props: any): React.ReactNode => (
  <div>
    <Card>
      <Alert
        message="umi ui 现已发布，欢迎使用 npm run ui 启动体验哟。"
        type="success"
        showIcon
        banner
        style={{
          margin: -12,
          marginBottom: 48,
        }}
      />
      <div style={{padding: 20}}>{props.children}</div>

      <Typography.Title level={2} style={{textAlign: 'center'}}>
        <SmileTwoTone/> Ant Design Pro <HeartTwoTone twoToneColor="#eb2f96"/> You
      </Typography.Title>
    </Card>

    <p style={{textAlign: 'center', marginTop: 24}}>
      Want to add more pages? Please refer to{' '}
      <a href="https://pro.ant.design/docs/block-cn" target="_blank" rel="noopener noreferrer">
        use block
      </a>
      。
    </p>
  </div>
);
